<section class="customer">
  <!-- logo -->
  <div class="logo">
    <img src="../../assets/customer/logo.png" alt="">
  </div>
  <!-- 搜索菜单模块 -->
  <div class="menu-box">
    <el-row>
      <el-col :span="18">
        <span>关键字</span>
        <el-input class="writeinput"  placeholder="输入门牌号关键字搜索"></el-input>
        <span>所在地区</span>
        <!-- 下拉菜单 -->
        <el-select v-model="value" placeholder="全部" class="width78">
          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
          </el-option>
        </el-select>
        <span>公司规模</span>
        <!-- 下拉菜单 -->
        <el-select v-model="value" placeholder="全部" class="width78">
          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
          </el-option>
        </el-select>
        <span>主营产品</span>
        <!-- 下拉菜单 -->
        <el-select v-model="value" placeholder="全部" class="width78">
          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
          </el-option>
        </el-select>

      </el-col>
    </el-row>
  </div>
  <!-- 公司列表 -->
  <div class="company-list">
    <el-row>
      <el-col :span="12">
        <!-- 第一个盒子 -->
        <div class="look-box">
          <img src="../../assets/homeimg/daoen.png" alt="" class="look-img">
          <div class="look-right-box">
            <p>山东道恩集团有限公司营销中心</p>
            <h3>
              <img src="../../assets/homeimg/renzheng.png" alt="">
            </h3>
            <ul>
              <li>山东省龙口经济开发区东首发</li>
              <li>19-50人</li>
              <li>材料分类：工程塑料、助剂</li>
              <li>主营产品: PP、PE</li>
            </ul>
            <router-link to="goodsdetails" tag="button">查看详情</router-link>
          </div>
        </div>
      </el-col>
      <el-col :span="12">
        <div class="look-box lookright">
          <img src="../../assets/homeimg/daoen.png" alt="" class="look-img">
          <div class="look-right-box">
            <p>山东道恩集团有限公司营销中心</p>
            <h3>
              <img src="../../assets/homeimg/renzheng.png" alt="">
            </h3>
            <ul>
              <li>山东省龙口经济开发区东首发</li>
              <li>19-50人</li>
              <li>材料分类：工程塑料、助剂</li>
              <li>主营产品: PP、PE</li>
            </ul>
            <button type="">查看详情</button>
          </div>
        </div>
      </el-col>
      <el-col :span="12">
        <!-- 第一个盒子 -->
        <div class="look-box">
          <img src="../../assets/homeimg/daoen.png" alt="" class="look-img">
          <div class="look-right-box">
            <p>山东道恩集团有限公司营销中心</p>
            <h3>
              <img src="../../assets/homeimg/renzheng.png" alt="">
            </h3>
            <ul>
              <li>山东省龙口经济开发区东首发</li>
              <li>19-50人</li>
              <li>材料分类：工程塑料、助剂</li>
              <li>主营产品: PP、PE</li>
            </ul>
            <button type="">查看详情</button>
          </div>
        </div>
      </el-col>
      <el-col :span="12">
        <div class="look-box lookright">
          <img src="../../assets/homeimg/daoen.png" alt="" class="look-img">
          <div class="look-right-box">
            <p>山东道恩集团有限公司营销中心</p>
            <h3>
              <img src="../../assets/homeimg/renzheng.png" alt="">
            </h3>
            <ul>
              <li>山东省龙口经济开发区东首发</li>
              <li>19-50人</li>
              <li>材料分类：工程塑料、助剂</li>
              <li>主营产品: PP、PE</li>
            </ul>
            <button type="">查看详情</button>
          </div>
        </div>
      </el-col>
      <el-col :span="12">
        <!-- 第一个盒子 -->
        <div class="look-box">
          <img src="../../assets/homeimg/daoen.png" alt="" class="look-img">
          <div class="look-right-box">
            <p>山东道恩集团有限公司营销中心</p>
            <h3>
              <img src="../../assets/homeimg/renzheng.png" alt="">
            </h3>
            <ul>
              <li>山东省龙口经济开发区东首发</li>
              <li>19-50人</li>
              <li>材料分类：工程塑料、助剂</li>
              <li>主营产品: PP、PE</li>
            </ul>
            <button type="">查看详情</button>
          </div>
        </div>
      </el-col>
      <el-col :span="12">
        <div class="look-box lookright">
          <img src="../../assets/homeimg/daoen.png" alt="" class="look-img">
          <div class="look-right-box">
            <p>山东道恩集团有限公司营销中心</p>
            <h3>
              <img src="../../assets/homeimg/renzheng.png" alt="">
            </h3>
            <ul>
              <li>山东省龙口经济开发区东首发</li>
              <li>19-50人</li>
              <li>材料分类：工程塑料、助剂</li>
              <li>主营产品: PP、PE</li>
            </ul>
            <button type="">查看详情</button>
          </div>
        </div>
      </el-col>
      <el-col :span="12">
        <!-- 第一个盒子 -->
        <div class="look-box">
          <img src="../../assets/homeimg/daoen.png" alt="" class="look-img">
          <div class="look-right-box">
            <p>山东道恩集团有限公司营销中心</p>
            <h3>
              <img src="../../assets/homeimg/renzheng.png" alt="">
            </h3>
            <ul>
              <li>山东省龙口经济开发区东首发</li>
              <li>19-50人</li>
              <li>材料分类：工程塑料、助剂</li>
              <li>主营产品: PP、PE</li>
            </ul>
            <button type="">查看详情</button>
          </div>
        </div>
      </el-col>
      <el-col :span="12">
        <div class="look-box lookright">
          <img src="../../assets/homeimg/daoen.png" alt="" class="look-img">
          <div class="look-right-box">
            <p>山东道恩集团有限公司营销中心</p>
            <h3>
              <img src="../../assets/homeimg/renzheng.png" alt="">
            </h3>
            <ul>
              <li>山东省龙口经济开发区东首发</li>
              <li>19-50人</li>
              <li>材料分类：工程塑料、助剂</li>
              <li>主营产品: PP、PE</li>
            </ul>
            <button type="">查看详情</button>
          </div>
        </div>
      </el-col>
      <el-col :span="12">
        <!-- 第一个盒子 -->
        <div class="look-box">
          <img src="../../assets/homeimg/daoen.png" alt="" class="look-img">
          <div class="look-right-box">
            <p>山东道恩集团有限公司营销中心</p>
            <h3>
              <img src="../../assets/homeimg/renzheng.png" alt="">
            </h3>
            <ul>
              <li>山东省龙口经济开发区东首发</li>
              <li>19-50人</li>
              <li>材料分类：工程塑料、助剂</li>
              <li>主营产品: PP、PE</li>
            </ul>
            <button type="">查看详情</button>
          </div>
        </div>
      </el-col>
      <el-col :span="12">
        <div class="look-box lookright">
          <img src="../../assets/homeimg/daoen.png" alt="" class="look-img">
          <div class="look-right-box">
            <p>山东道恩集团有限公司营销中心</p>
            <h3>
              <img src="../../assets/homeimg/renzheng.png" alt="">
            </h3>
            <ul>
              <li>山东省龙口经济开发区东首发</li>
              <li>19-50人</li>
              <li>材料分类：工程塑料、助剂</li>
              <li>主营产品: PP、PE</li>
            </ul>
            <button type="">查看详情</button>
          </div>
        </div>
      </el-col>
    </el-row>
  </div>
  <!-- tab切换 -->
  <div class="porit-box">
      <ul>
          <li>
        <span>&nbsp;</span>
        </li>
        <li>
            <span>&nbsp;</span>
        </li>
          <li class="active"><span>&nbsp;</span></li>
      </ul>
      <span class="content-span">正在加载</span>
  </div>
</section>
